<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>堆糖网</title>
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div id="toTop">☝</div>
    <div class="header-inner">
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-12 anniu clearfix">
                        <img src="img/logo_img.gif" alt="">
                        <div class="fenlei">
                            <a class="fenlei_btn" id="fenlei_btn" href="">分类﹀</a>
                            <div class="fenlei_text" id="fenlei_text">
                                <img src="img/banner_stle.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-4 col-12">
                        <div class="ipt1">
                            <input type="text" placeholder="搜索感兴趣的内容">
                            <button><img src="img/solo-img.png" alt=""></button>
                        </div>
                    </div>
                    <div class="col-md-3 col-6">
                        <div class="denglu">
                            <span>堆糖生活家</span>
                        </div>
                    </div>
                    <div class="col-md-2 col-6 ">
                        <div class="denglu">
                            <span><a href="">注册</a>/<a href="">登录</a></span>
                        </div>

                    </div>
                </div>
            </div>
        </header>
        <div class="banner">
            <div class="container">
                <div class="banner-text">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="banner-text2 clearfix">
                                <img src="img/weima_img.gif" alt="">
                                <div class="banner-text3">
                                    <h5>女生必备</h5>
                                    <h5>暖心APP</h5>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-1 " style="text-align: center;">
                            <img src="img/bg1_img.png" height="70px" alt="">
                        </div>
                        <div class="col-md-5 banner-hd">
                            <h6>手机扫一扫下载堆糖APP  领取108元礼劵 抽取99元现金红包</h6>
                        </div>
                        <div class="col-md-3">
                            <img src="img/bg2_img.png" width="210" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="container">
            <div class="banner1">
                <div class="row">
                    <div class="col-md-9 banner1-img">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <img src="img/bizhi.jpeg"  >
                                </div>
                                <div class="swiper-slide">
                                    <img src="img/banner_img.png">
                                </div>
                                <div class="swiper-slide">
                                    <img src="img/lizi.jpeg">
                                </div>
                            </div>
                            <!-- 如果需要分页器 -->
                            <div class="swiper-pagination"></div>
                            <!-- 如果需要导航按钮 -->
                            <div class="swiper-button-prev">
                                <img src="img/left_jiantou_img.png" alt="">
                            </div>
                            <div class="swiper-button-next">
                                <img src="img/right_jiantou_img.png" alt="">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="title">
                            <h5>社区热点</h5>
                        </div>
                        <div class="btns">
                            <span><a href="">欧美风</a></span>
                            <span><a href="">美甲</a></span>
                            <span><a href="">东宫</a></span><br>
                            <span><a href="">张云雷</a></span>
                            <span><a href="">插画</a></span>
                            <span><a href="">女生节</a></span><br>
                            <span><a href="">阿丽塔</a></span>
                            <span><a href="">猫</a></span>
                        </div>
                        <div class="jingxuan">
                            <div class="jingxuan1">
                                <span class="jingxuan-text1">精选</span>
                                <span class="jingxuan-text2">招募·少女感养成..</span>
                            </div>
                            <div class="jingxuan1">
                                <span class="jingxuan-text1">工具</span>
                                <span class="jingxuan-text2">堆糖收图小助手</span>
                            </div>
                        </div>
                        <div class="xiazai clearfix">
                            <img src="img/shouji-img.png" width="65" alt="">
                            <div>
                                <p>堆糖-美好生活研究所</p>
                                <span>最佳生活类应用</span><br >
                                <button>立即下载</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="main-bottom">
            <div class="container">
                <div class="row">
                    <div class="col-md-2 mt-3">
                        <div class="meiri">
                            <span><a href="">每日精选</a></span>
                        </div>
                        <div class="guanzhu">
                            <span><a href="">关注动态</a></span>
                        </div>
                    </div>
                    <div class="col-md-6 main2">
                    <!--内容一-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_1.png" alt="">
                                <div>
                                    <h5>堆糖小喇叭</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">留下壁纸，我们就是朋友</p>
                                <div class="banner-bg clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_1.png" height="30" alt="">
                                            <a href="">堆糖小喇叭</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzan" onclick="htd()">291</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucang" onclick="htn()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容二-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/Rtubiao_img.png" alt="">
                                <div>
                                    <h5>coloroom彩条屋</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">让观众苦等十年的《夏目友人帐》，到底是什么？</p>
                                <div class="banner-bg2 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/Rtubiao_img.png" height="30" alt="">
                                            <a href="">coloroom</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzaner" onclick="htd(this)">25</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucanger" onclick="htn2()">45</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容三-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_2.png" alt="">
                                <div>
                                    <h5>美少女PlNK酱</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要链接！</p>
                                <div class="banner-bg3 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_2.png" height="30" alt="">
                                            <a href="">coloroom</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzansan" onclick="htd(this)">91</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangsan" onclick="htn3()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!--内容四-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_3.png" alt="">
                                <div>
                                    <h5>-你是我全世界喜欢的猪-</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">有哪些适合摘抄的文艺且悲凉的句子？</p>
                                <div class="banner-bg4 clearfix">

                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzansi" onclick="htd(this)">2921</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangsi" onclick="htn4()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!--内容五-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_4.png" alt="">
                                <div>
                                    <h5>干脆面炼金术士</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">人生的意义， 在于一天比一天活得快乐</p>
                                <div class="banner-bg5 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_4.png" height="30" alt="">
                                            <a href="">coloroom</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanwu" onclick="htd(this)">361</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangwu" onclick="htn5()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <!--内容六-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_1.png" alt="">
                                <div>
                                    <h5>堆糖小喇叭</h5>
                                    <span>主题</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">我曾为你动过情</p>
                                <div class="banner-bg6 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_1.png" height="30" alt="">
                                            <a href="">堆糖小喇叭</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanliu" onclick="htd(this)">151</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangliu" onclick="htn6()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容七-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_3.png" alt="">
                                <div>
                                    <h5>-你是我全世界最喜欢的猪-</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">登上79所高校学生借阅排行榜的九本书</p>
                                <div class="banner-bg7 clearfix">
                                    <img src="img/tangdui_bizhi7.png" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanqi" onclick="htd(this)">681</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangqi" onclick="htn7()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 内容八-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_5.png" alt="">
                                <div>
                                    <h5>情写风月</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">799风景内侧美化包</p>
                                <div class="banner-bg8 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_5.png" height="30" alt="">
                                            <a href="">情写风月</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanba" onclick="htd(this)">2362</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangba" onclick="htn8()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容九-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_6.png" alt="">
                                <div>
                                    <h5>审</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">火影你们粉谁 留名我去戳头像</p>
                                <div class="banner-bg7 clearfix">
                                    <img src="img/tangdui_bizhi9.png" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanjiu" onclick="htd(this)">1821</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangjiu" onclick="htn9()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容十-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_2.png" alt="">
                                <div>
                                    <h5>美少女PINK酱</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">初春外套美炸天！！第一件闺蜜追着我要连接</p>
                                <div class="banner-bg10 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_2.png" height="30" alt="">
                                            <a href="">美少女PINK酱</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshi" onclick="htd(this)">856</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshi" onclick="htn10()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容十一-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_7.png" alt="">
                                <div>
                                    <h5>少女感养成院</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">同桌的你</p>
                                <div class="banner-bg11 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_7.png" height="30" alt="">
                                            <a href="">少女感养成院</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshiyi" onclick="htd(this)">851</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshiyi" onclick="htn11()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                            <!--内容十二-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_1.png" alt="">
                                <div>
                                    <h5>堆糖小喇叭</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">我的CP真想</p>
                                <div class="banner-bg12 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_1.png" height="30" alt="">
                                            <a href="">堆糖小喇叭</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshier" onclick="htd(this)">5891</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshier" onclick="htn12()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容十三-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_8.png" alt="">
                                <div>
                                    <h5>白日做梦大熊</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">当女生也太太太太不容易了</p>
                                <div class="banner-bg13 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_8.png" height="30" alt="">
                                            <a href="">白日做梦大熊</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshisan" onclick="htd(this)">251</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshisan" onclick="htn13()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 内容十四-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_3.png" alt="">
                                <div>
                                    <h5>—你是我全世界最喜欢的猪—</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">有哪些好看 值得回味的爱情电影？</p>
                                <div class="banner-bg7 clearfix">
                                    <img src="img/tangdui_bizhi16.png" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshisi" onclick="htd(this)">287</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshisi" onclick="htn14()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <!-- 内容十五-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_9.png" alt="">
                                <div>
                                    <h5>堆糖CLass小助手</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">伴随一生的【少女感】，拥有它一点也不难</p>
                                <div class="banner-bg14 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_9.png" height="30" alt="">
                                            <a href="">堆糖CLass小助手</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshiwu" onclick="htd(this)">491</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshiwu" onclick="htn15()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容十六-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_10.png" alt="">
                                <div>
                                    <h5>飞乐鸟</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">女生千万别看这些言情小说....不然会被里面的沙雕桥段给</p>
                                <div class="banner-bg15 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_9.png" height="30" alt="">
                                            <a href="">堆糖CLass小助手</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshiliu" onclick="htd(this)">431</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshiliu" onclick="htn16()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--内容十七-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_2.png" alt="">
                                <div>
                                    <h5>美少女PINK</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">7个私藏的小众APP，实用又有bigger，见过三款算我输</p>
                                <div class="banner-bg17 clearfix">
                                    <div>
                                        <p class="laba-btn">
                                            <img src="img/duitang_2.png" height="30" alt="">
                                            <a href="">美少女PINK</a>
                                        </p>
                                    </div>
                                    <div class="div-laba-btn2">
                                        <p class="laba-btn2">
                                            <img src="img/text_img.png" height="30" alt="">
                                            <a href="">文章</a>
                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshiqi" onclick="htd(this)">561</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshiqi" onclick="htn17()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- 内容十八-->
                        <div class="card  mt-3" >
                            <div class="laba clearfix">
                                <img src="img/duitang_3.png" alt="">
                                <div>
                                    <h5>—你是我全世界最喜欢的猪—</h5>
                                    <span>热门内容</span>
                                </div>
                            </div>
                            <div class="m-3">
                                <p class="card-text">有中国最全的拨弦 击炫乐器合集 种类十分多 涨姿势了。</p>
                                <div class="banner-bg7 clearfix">
                                    <img src="img/tangdui_bizhi18.png" alt="">
                                </div>
                            </div>
                            <div>
                                <div class="dongtai clearfix mt-3">
                                    <div class="dt_1 left">
                                        <img src="img/shou_img.png" alt="">
                                        <span id="dianzanshiba" onclick="htd(this)">351</span>
                                    </div>
                                    <div class="dt_2 left">
                                        <img src="img/wujiao_img.png" alt="">
                                        <span id="shoucangshiba" onclick="htn18()">88</span>
                                    </div>
                                    <div class="dt_3 left" style="border: none;">
                                        <img src="img/dian_img.png" alt="">
                                        <span>更多</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card chakan  mt-3">
                            <a href="">查看更多﹀</a>
                        </div>
                    </div>
                    <div class="col-md-4 main3">
                        <div class="card  mt-3">
                            <div class="titles clearfix">
                                <div class="youce1"><h4>推荐关注</h4></div>
                                <div class="youce2"><a href="">换一批</a></div>
                            </div>
                            <div class="clearfix">
                                <div class="youce_text clearfix">
                                    <img src="img/titles_1.png" alt="">
                                    <div style="padding-top: 12px">
                                        <h6>一望损霉菭</h6>
                                        <span>擅长领域：手工，园艺</span>
                                    </div>

                                </div>
                                <div class="guanzhu2">
                                    <a href="" >关注</a>
                                </div>
                            </div>
                            <div class="clearfix">
                                <div class="youce_text clearfix">
                                    <img src="img/titles_2.png" alt="">
                                    <div style="padding-top: 12px">
                                        <h6>猫头鹰叔叔</h6>
                                        <span>擅长领域：摄影</span>
                                    </div>
                                </div>
                                <div class="guanzhu2">
                                    <a href="" >关注</a>
                                </div>
                            </div>
                            <div class="clearfix">
                                <div class="youce_text clearfix">
                                    <img src="img/titles_3.png" alt="">
                                    <div style="padding-top: 12px">
                                        <h6>兔纸鱼</h6>
                                        <span>擅长领域：Q版</span>
                                    </div>
                                </div>
                                <div class="guanzhu2">
                                    <a href="" >关注</a>
                                </div>
                            </div>
                            <div class="clearfix">
                                <div class="youce_text clearfix">
                                    <img src="img/titles_4.png" alt="">
                                    <div style="padding-top: 12px">
                                        <h6>小熊奶黄包</h6>
                                        <span>擅长领域：壁纸，Q版</span>
                                    </div>
                                </div>
                                <div class="guanzhu2">
                                    <a href="" >关注</a>
                                </div>
                            </div>
                            <div class="chakangd">
                                <a href="">查看更多></a>
                            </div>
                        </div>
                        <div class="card erwei-bg">
                            <h3>女生必备暖心APP</h3>
                            <img src="img/erwei_img2.png" width="97" alt="">
                            <p>手机扫一扫下载堆糖APP</p>
                            <p>领取108元礼券 抽取99元现金红包</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-4 right_solid mb-3">
                        <h5>App下载</h5>
                        <img src="img/weima_img2.gif" alt="">
                        <p>扫描二维码</p>
                        <p>下载堆糖手机客户端</p>
                    </div>
                    <div class="col-md-5">
                        <div class="row">
                            <div class="col-md-6 col-12 mb-3">
                                <h6>关于我们</h6>
                                <p><a href="">关于我们</a></p>
                                <p><a href="">加入我们</a></p>
                                <p><a href="">联系我们</a></p>
                                <p><a href="">商务合作</a></p>
                            </div>
                            <div class="col-md-6 col-12 mb-3">
                                <h6>关于我们</h6>
                                <p><a href="">新浪微博</a></p>
                                <p><a href="">微信公众号</a></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="row">
                            <div class="col-md-12 col-12 mb-3">
                                <h6>友情链接</h6>
                            </div>
                            <div class="col-md-6 mb-3">
                                <p><a href="">爱物网</a></p>
                                <p><a href="">东方女性</a></p>
                            </div>
                            <div class="col-md-6 mb-3">
                                <p><a href="">肉丁网</a></p>
                                <p><a href="">更多..</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-12 footer-banquan">
                    <p>©2019 duitang 版权所有。沪ICP备 10038086号-3 <img src="img/footer_img1.gif" alt=""> <img src="img/footer_img2.gif" alt=""> | 增值电信业务经营许可证：浙B2-20180610 自营经营者信息
                        <img src="img/footer_img3.gif" alt=""> 上海市互联网违法和不良信息举报中心 | 有害内容举报电话：021-63462282</p>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
    <script src="js/script.js"></script>
</body>
</html>